<div class="content">

  <div class="left-content">
  
    <div class="left-content-section" id="left-content-navig">
            <div class="button" id="checkall-btn" rel="unchecked">Vali kõik</div>
            <div class="button" id="delete-checked-btn">Kustuta valitud</div>

            <div class="button focused-button btn-right" id="add-filter-btn">Lisa uus jälgija</div>
    </div>
    
    <?php if( !count($filters) ) : ?>
    <div class="left-content-message">Aktiivsed sisuallikajälgijad puuduvad.</div>
    <?php endif; ?>
    
    <!-- Feed section start -->
    <div class="left-content-section" id="feed">
      
    </div>
    <!-- Feed section end -->
    
  </div>
  
  
  <div class="right-content">
  
    <div class="right-navig-section">
    	<h2>Aktiivsed sisujälgijad</h2>
    </div>
    
    <?php foreach ($filters as $filter) : ?>
    <ul class="right-navig">    
        <li class="category">
        	<h3>
                    <?php 
                        if( strlen( $filter->title ) >= 28 )
                        {
                            $filter->title = substr($filter->title, 0, 25) . '...';
                        }

                        echo $filter->title; 
                    ?>
                    <span class="edit-item" title="Kustuta" rel="delete" id="<?php echo $filter->ID; ?>"><img src="img/delete.png" width="16" height="16" /></span>
                    <span class="edit-item" title="Muuda" rel="edit" id="<?php echo $filter->ID; ?>"><img src="img/edit.png" width="16" height="16" /></span>
                </h3>
        </li>
        <?php foreach ($filter->filterData as $filterData) : ?>
        <li class="item" onclick="setFilterAndProvider('<?php echo $filter->ID; ?>', '<?php echo $filterData->providerName; ?>');"><?php echo $providers[$filterData->providerName]['title']; ?></li>
        <?php endforeach; ?>
    </ul>
    <?php endforeach; ?>
      
  </div>
    
</div>

<?php echo $main_navigation; ?>
